/** ---------------------------------通用CSS开始  WinSUN QQ 903312076@qq.com-------------------------------------- **/

/** ------------------------------------全局定义---------------------------------------- **/

/** ------------------------------------通用属性定义---------------------------------------- **/
html{line-height: 1.5 !important; font-size: 10px !important;;}
* {  -webkit-box-sizing: border-box;  box-sizing: border-box; /* -webkit-user-select: none; */ -webkit-tap-highlight-color: transparent; outline: none;  }
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dt,dd{ font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }
input,select{   vertical-align:middle;}

/** 标签属性，textarea,input 强制输入时内容超出时换行 **/
textarea,input{ word-wrap:break-word; word-break:break-all; padding:0px; border:0; line-height: normal;}
h1,h2,h3,h4,h5,h6,label{font-weight: normal;}
i {  font-style: normal  }


/** 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 **/
li,dt,dd{ list-style-type:none;}
ul,ol{list-style:none;}


/** 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 **/
img{ border:0 none;}
img{ display: inline-block;}

/** 鼠标样式 **/
.pointer{ cursor:pointer;}

/** 文本对齐方式 **/
.text-l{ text-align:left;}
.text-c{ text-align:center;}
.text-r{ text-align:right;}


/*文字不显示*/
.text-hidden{text-index: -99999px;}

/*va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）*/
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}

/** 字母和单词换行设置，强制内容换行，强制内容不换行 **/
.break{ word-break:break-all; word-wrap:break-word;}
.nobreak{ word-break:keep-all; word-wrap:normal;}


/*自动隐藏文字*/
.ellipsis { display: -webkit-box;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  word-break: break-all;  white-space: normal !important;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  }
.ellipsis-1 { overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;  }
.ellipsis-2 {  display: -webkit-box;  overflow: hidden;  text-overflow: ellipsis;  word-wrap: break-word;  word-break: break-all;  white-space: normal !important;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  }



/** 定位关系 **/
.absolute{ position:absolute;}
.relative{ position:relative;}
.fixed{ position:fixed;}

/*浮动*/
.float-l{float:left;}
.float-r{float:right;}



/*连接下划线*/
a{text-decoration:none;}
a.underline{text-decoration: underline;}

/*加粗*/
b,strong{font-weight:bold;}

/*去除i,em 默认样式*/
i,em{font-style:normal;}

/*表格边框线合并*/
table{border-collapse:collapse;border-spacing:0;}


/** 隐藏元素，当元素内容内容超出元素height 或 width 时，隐藏之 **/
.o-hidden{ overflow:hidden;}

/** 隐藏元素，visibility可以隐藏元素，但是还是会在布局中占位 **/
.invisible{ visibility:hidden;}


/** 从页面布局上隐藏元素，从布局上隐藏元素 **/
.hidden{ display:none;}
.block{ display:block;}
.inline-block{display: inline-block;}


/** 清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG **/
.clear{ clear:both; height:0px; content:'.';font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{zoom:1;}



/*按钮，表单，选择等*/
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
input:focus{outline:none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
button,input,textarea{  -webkit-tap-highlight-color: rgba(0,0,0,0);  }



/* 背景颜色*/

.bg-gray-f8f8f8{background-color: #f8f8f8; }
.bg-gray-f6f6f6{background-color: #f6f6f6 !important; }
.bg-gray-f5f5f5{background-color: #f5f5f5 !important; }
.bg-gray-efefef{background-color: #efefef; }
.bg-gray-eee{background-color: #eee !important; }
.bg-gray-ddd{background-color: #ddd !important; }
.bg-gray-ccc{background-color: #ccc !important; }
.bg-gray-bbb{background-color: #bbb !important; }
.bg-gray-aaa{background-color: #aaa !important; }
.bg-gray-999{background-color: #999 !important; }
.bg-gray-666{background-color: #666 !important; }
.bg-gray-444{background-color: #444 !important; }
.bg-gray-333{background-color: #333 !important; }
.bg-gray-222{background-color: #222 !important; }
.bg-white{background-color: #fff !important;}


.background-image-none{background-image: none !important;}
.background-color-none{background-color: inherit !important;}
.background-none{background: inherit !important;}



/*字体颜色*/
.t-white{ color: #fff !important;}
.t-grey-aaa{ color: #aaa !important;}
.t-grey-bbb{ color: #bbb !important;}
.t-grey-ccc{ color: #ccc !important;}
.t-grey-ddd{ color: #ddd !important;}
.t-grey-eee{ color: #eee !important;}
.t-grey-999{ color: #999 !important;}
.t-grey-888{ color: #888 !important;}
.t-grey-777{ color: #777 !important;}
.t-grey-666{ color: #666 !important;}
.t-grey-555{ color: #555 !important;}
.t-grey-444{ color: #444 !important;}
.t-grey-333{ color: #333 !important;}
.t-grey-222{ color: #222 !important;}
.t-grey-111{ color: #111 !important;}
.t-grey-000{ color: #000 !important;}



/*字体大小*/
.font-12{font-size: 1.2rem !important;}
.font-14{font-size: 1.4rem !important;}
.font-16{font-size: 1.6rem !important;}
.font-18{font-size: 1.8rem !important;}
.font-20{font-size: 2rem !important;}
.font-22{font-size: 2.2rem !important;}
.font-24{font-size: 2.4rem !important;}
.font-26{font-size: 2.6rem !important;}
.font-28{font-size: 2.8rem !important;}
.font-30{font-size: 3rem !important;}
.font-32{font-size: 3.2rem !important;}
.font-34{font-size: 3.4rem !important;}
.font-36{font-size: 3.6rem !important;}
.font-38{font-size: 3.8rem !important;}
.font-40{font-size: 4rem !important;}
.font-42{font-size: 4.2rem !important;}
.font-44{font-size: 4.4rem !important;}
.font-46{font-size: 4.6rem !important;}
.font-48{font-size: 4.8rem !important;}
.font-50{font-size: 5rem !important;}

.font-weight-bold{font-weight: bold;}



/*字间距*/
.line-height-22{ line-height: 2.2rem;}
.line-height-24{ line-height: 2.4rem;}
.line-height-26{ line-height: 2.6rem;}
.line-height-28{ line-height: 2.8rem;}
.line-height-30{ line-height: 3rem;}
.line-height-32{ line-height: 3.2rem;}
.line-height-34{ line-height: 3.4rem;}
.line-height-36{ line-height: 3.6rem;}
.line-height-38{ line-height: 3.8rem;}
.line-height-40{ line-height: 4rem;}
.line-height-42{ line-height: 4.2rem;}
.line-height-44{ line-height: 4.4rem;}
.line-height-46{ line-height: 4.6rem;}
.line-height-48{ line-height: 4.8rem;}
.line-height-50{ line-height: 5rem;}




/*分隔线*/
.division-5{  height: .5rem; background: #f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee;} /*上下实线中间灰色*/
.division-8{  height: .8rem; background: #f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee;} /*上下实线中间灰色*/
.division-xx{ border-top:1px dashed #eee; padding:5px 0;}　/*上虚线*/
.division-5-t-eee{ height: .5rem; border-top:1px solid #eee;  }   /*上实线*/
.division-5-b-eee{ height: .5rem; border-top:1px solid #eee;  }   /*下实线*/



/*边框线*/
.border-x-eee{border:1px solid #eee !important;} /*实线边框*/
.border-x-ddd{border:1px solid #ddd !important;} /*实线边框*/
.border-xx-eee{border:1px dashed #eee;}/*虚线边框*/
.border-xx-ddd{border:1px dashed #ddd;}/*虚线边框*/
.border-t-eee{border-top:1px solid #eee;}/**/
.border-b-eee{border-bottom:1px solid #eee;}/**/
.border-r-eee{border-right:1px solid #eee;}/**/
.border-l-eee{border-left:1px solid #eee;}/**/
.border-t-ddd{border-top:1px solid #ddd;}/**/
.border-b-ddd{border-bottom:1px solid #ddd;}/**/
.border-r-ddd{border-right:1px solid #ddd;}/**/
.border-l-ddd{border-left:1px solid #ddd;}/**/
/*清除边框线*/
.noBorder{ border-left:none; border-right: none; border-bottom: none; border-top:none;}
.noBorder:after{ border-left:none; border-right: none; border-bottom: none; border-top:none;}


/*投影*/
.box-shadow-grey{box-shadow:0 1px 5px rgba(0,0,0,0.1);}
.box-shadow-grey-20{box-shadow:0 10px 20px rgba(0,0,0,0.05);}
.box-shadow-grey-10{box-shadow:0 6px 10px rgba(0,0,0,0.05);}




 /** 容器 **/
.wrapper{ clear:both; overflow:hidden; width: 100%;}
.wrapper980{ clear:both;  width: 980px;}
.wrapper1000{ clear:both;  width: 1000px;}
.wrapper1200{ clear:both;  width: 1200px;}
.wrapper1212{ clear:both;  width: 1212px;}
.wrapper1300{width:1300px; margin: 0 auto;}
@media ( min-width : 992px) {
    .wrapper1300{width: 960px;margin: 0 auto;}
}
@media ( min-width : 1200px) {
    .wrapper1300 {width: 1170px;margin: 0 auto;}
}
@media ( min-width : 1300px) {
    .wrapper1300 {width: 1270px;margin: 0 auto;}
}

@media print{
    .wrapper1300{width:auto}
}



/*百分比宽度*/
.w-b-2{ width:2%;}
.w-b-3{ width:3%;}
.w-b-4{ width:4%;}
.w-b-5{ width:5%;}
.w-b-6{ width:6%;}
.w-b-7{ width:7%;}
.w-b-8{ width:8%;}
.w-b-9{ width:9%;}
.w-b-10{ width:10%;}
.w-b-11{ width:11%;}
.w-b-12{ width:12%;}
.w-b-13{ width:13%;}
.w-b-14{ width:14%;}
.w-b-15{ width:15%;}
.w-b-16{ width:16%;}
.w-b-16{ width:17%;}
.w-b-18{ width:18%;}
.w-b-19{ width:19%;}
.w-b-20{ width:20%;}
.w-b-22{ width:22%;}
.w-b-24{ width:24%;}
.w-b-26{ width:26%;}
.w-b-28{ width:28%;}
.w-b-30{ width:30%;}
.w-b-32{ width:32%;}
.w-b-34{ width:34%;}
.w-b-36{ width:36%;}
.w-b-38{ width:38%;}
.w-b-40{ width:40%;}
.w-b-42{ width:42%;}
.w-b-44{ width:44%;}
.w-b-46{ width:46%;}
.w-b-48{ width:48%;}
.w-b-50{ width:50%;}
.w-b-52{ width:52%;}
.w-b-54{ width:54%;}
.w-b-56{ width:56%;}
.w-b-58{ width:58%;}
.w-b-60{ width:60%;}
.w-b-62{ width:62%;}
.w-b-64{ width:64%;}
.w-b-66{ width:66%;}
.w-b-68{ width:68%;}
.w-b-70{ width:70%;}
.w-b-72{ width:72%;}
.w-b-74{ width:74%;}
.w-b-76{ width:76%;}
.w-b-78{ width:78%;}
.w-b-80{ width:80%;}
.w-b-82{ width:82%;}
.w-b-84{ width:84%;}
.w-b-86{ width:86%;}
.w-b-88{ width:88%;}
.w-b-90{ width:90%;}
.w-b-92{ width:92%;}
.w-b-94{ width:94%;}
.w-b-96{ width:96%;}
.w-b-98{ width:98%;}
.w-b-100{ width:100%;}




/*水平集中*/
.margin-center{margin-left: auto;margin-right: auto;}



/*圆角*/
.radius-2{border-radius: .2rem; }
.radius-4{border-radius: .4rem; }
.radius-6{border-radius: .5rem; }
.radius-8{border-radius: .6rem; }
.radius-10{border-radius: 10rem; }
.radius-20{border-radius: 20rem; }
.radius-30{border-radius: 30rem; }
.radius-50{border-radius: 50rem; }
.radius-cricle-50{border-radius: 50%; }



/*padding margin rem */
.margin-t-2 { margin-top: .2rem !important;  }
.margin-t-3 { margin-top: .3rem !important;  }
.margin-t-4 { margin-top: .4rem !important;  }
.margin-t-5 { margin-top: .5rem !important;  }
.margin-t-6 { margin-top: .6rem !important;  }
.margin-t-7 { margin-top: .7rem !important;  }
.margin-t-8 { margin-top: .8rem !important;  }
.margin-t-9 { margin-top: .9rem !important;  }
.margin-t-10 { margin-top: 1rem !important;  }
.margin-t-12 { margin-top: 1.2rem !important;  }
.margin-t-14 { margin-top: 1.4rem !important;  }
.margin-t-15 { margin-top: 1.5rem !important;  }
.margin-t-16 { margin-top: 1.6rem !important;  }
.margin-t-18 { margin-top: 1.8rem !important;  }
.margin-t-20 { margin-top: 2rem !important;  }
.margin-t-22 { margin-top: 2.2rem !important;  }
.margin-t-24 { margin-top: 2.4rem !important;  }
.margin-t-26 { margin-top: 2.6rem !important;  }
.margin-t-28 { margin-top: 2.8rem !important;  }
.margin-t-30 { margin-top: 3.0rem !important;  }
.margin-t-40 { margin-top: 4rem !important;  }
.margin-t-50 { margin-top: 5rem !important;  }
.margin-t-60 { margin-top: 6rem !important;  }
.margin-t-70 { margin-top: 7rem !important;  }
.margin-t-80 { margin-top: 8rem !important;  }
.margin-t-90 { margin-top: 9rem !important;  }
.margin-t-100 { margin-top: 10rem !important;  }



.margin-b-2 { margin-bottom: .2rem !important;  }
.margin-b-3 { margin-bottom: .3rem !important;  }
.margin-b-4 { margin-bottom: .4rem !important;  }
.margin-b-5 { margin-bottom: .5rem !important;  }
.margin-b-6 { margin-bottom: .6rem !important;  }
.margin-b-7 { margin-bottom: .7rem !important;  }
.margin-b-8 { margin-bottom: .8rem !important;  }
.margin-b-9 { margin-bottom: .9rem !important;  }
.margin-b-10 { margin-bottom: 1rem !important;  }
.margin-b-12 { margin-bottom: 1.2rem !important;  }
.margin-b-14 { margin-bottom: 1.4rem !important;  }
.margin-b-15 { margin-bottom: 1.5rem !important;  }
.margin-b-16 { margin-bottom: 1.6rem !important;  }
.margin-b-18 { margin-bottom: 1.8rem !important;  }
.margin-b-20 { margin-bottom: 2rem !important;  }
.margin-b-22 { margin-bottom: 2.2rem !important;  }
.margin-b-24 { margin-bottom: 2.4rem !important;  }
.margin-b-26 { margin-bottom: 2.6rem !important;  }
.margin-b-28 { margin-bottom: 2.8rem !important;  }
.margin-b-30 { margin-bottom: 3.0rem !important;  }
.margin-b-40 { margin-bottom: 4rem !important;  }
.margin-b-50 { margin-bottom: 5rem !important;  }
.margin-b-60 { margin-bottom: 6rem !important;  }
.margin-b-70 { margin-bottom: 7rem !important;  }
.margin-b-80 { margin-bottom: 8rem !important;  }
.margin-b-90 { margin-bottom: 9rem !important;  }
.margin-b-100 { margin-bottom: 10rem !important;  }





.margin-l-2 { margin-left: .2rem !important;  }
.margin-l-3 { margin-left: .3rem !important;  }
.margin-l-4 { margin-left: .4rem !important;  }
.margin-l-5 { margin-left: .5rem !important;  }
.margin-l-6 { margin-left: .6rem !important;  }
.margin-l-7 { margin-left: .7rem !important;  }
.margin-l-8 { margin-left: .8rem !important;  }
.margin-l-9 { margin-left: .9rem !important;  }
.margin-l-10 { margin-left: 1rem !important;  }
.margin-l-12 { margin-left: 1.2rem !important;  }
.margin-l-14 { margin-left: 1.4rem !important;  }
.margin-l-15 { margin-left: 1.5rem !important;  }
.margin-l-16 { margin-left: 1.6rem !important;  }
.margin-l-18 { margin-left: 1.8rem !important;  }
.margin-l-20 { margin-left: 2rem !important;  }
.margin-l-22 { margin-left: 2.2rem !important;  }
.margin-l-24 { margin-left: 2.4rem !important;  }
.margin-l-26 { margin-left: 2.6rem !important;  }
.margin-l-28 { margin-left: 2.8rem !important;  }
.margin-l-30 { margin-left: 3.0rem !important;  }
.margin-l-40 { margin-left: 4rem !important;  }
.margin-l-50 { margin-left: 5rem !important;  }
.margin-l-60 { margin-left: 6rem !important;  }
.margin-l-70 { margin-left: 7rem !important;  }
.margin-l-80 { margin-left: 8rem !important;  }
.margin-l-90 { margin-left: 9rem !important;  }
.margin-l-100 { margin-left: 10rem !important;  }



.margin-r-2 { margin-right: .2rem !important;  }
.margin-r-3 { margin-right: .3rem !important;  }
.margin-r-4 { margin-right: .4rem !important;  }
.margin-r-5 { margin-right: .5rem !important;  }
.margin-r-6 { margin-right: .6rem !important;  }
.margin-r-7 { margin-right: .7rem !important;  }
.margin-r-8 { margin-right: .8rem !important;  }
.margin-r-9 { margin-right: .9rem !important;  }
.margin-r-10 { margin-right: 1rem !important;  }
.margin-r-12 { margin-right: 1.2rem !important;  }
.margin-r-14 { margin-right: 1.4rem !important;  }
.margin-r-15 { margin-right: 1.5rem !important;  }
.margin-r-16 { margin-right: 1.6rem !important;  }
.margin-r-18 { margin-right: 1.8rem !important;  }
.margin-r-20 { margin-right: 2rem !important;  }
.margin-r-22 { margin-right: 2.2rem !important;  }
.margin-r-24 { margin-right: 2.4rem !important;  }
.margin-r-26 { margin-right: 2.6rem !important;  }
.margin-r-28 { margin-right: 2.8rem !important;  }
.margin-r-30 { margin-right: 3.0rem !important;  }
.margin-r-40 { margin-right: 4rem !important;  }
.margin-r-50 { margin-right: 5rem !important;  }
.margin-r-60 { margin-right: 6rem !important;  }
.margin-r-70 { margin-right: 7rem !important;  }
.margin-r-80 { margin-right: 8rem !important;  }
.margin-r-90 { margin-right: 9rem !important;  }
.margin-r-100 { margin-right: 10rem !important;  }


.margin-2 { margin: .2rem !important;  }
.margin-3 { margin: .3rem !important;  }
.margin-4 { margin: .4rem !important;  }
.margin-5 { margin: .5rem !important;  }
.margin-6 { margin: .6rem !important;  }
.margin-7 { margin: .7rem !important;  }
.margin-8 { margin: .8rem !important;  }
.margin-9 { margin: .9rem !important;  }
.margin-10 { margin: 1rem !important;  }
.margin-12 { margin: 1.2rem !important;  }
.margin-14 { margin: 1.4rem !important;  }
.margin-15 { margin: 1.5rem !important;  }
.margin-16 { margin: 1.6rem !important;  }
.margin-18 { margin: 1.8rem !important;  }
.margin-20 { margin: 2rem !important;  }
.margin-22 { margin: 2.2rem !important;  }
.margin-24 { margin: 2.4rem !important;  }
.margin-26 { margin: 2.6rem !important;  }
.margin-28 { margin: 2.8rem !important;  }
.margin-30 { margin: 3.0rem !important;  }
.margin-40 { margin: 4rem !important;  }
.margin-50 { margin: 5rem !important;  }
.margin-60 { margin: 6rem !important;  }
.margin-70 { margin: 7rem !important;  }
.margin-80 { margin: 8rem !important;  }
.margin-90 { margin: 9rem !important;  }
.margin-100 { margin: 10rem !important;  }


.padding-t-2 { padding-top: .2rem !important;  }
.padding-t-3 { padding-top: .3rem !important;  }
.padding-t-4 { padding-top: .4rem !important;  }
.padding-t-5 { padding-top: .5rem !important;  }
.padding-t-6 { padding-top: .6rem !important;  }
.padding-t-7 { padding-top: .7rem !important;  }
.padding-t-8 { padding-top: .8rem !important;  }
.padding-t-9 { padding-top: .9rem !important;  }
.padding-t-10 { padding-top: 1rem !important;  }
.padding-t-12 { padding-top: 1.2rem !important;  }
.padding-t-14 { padding-top: 1.4rem !important;  }
.padding-t-15 { padding-top: 1.5rem !important;  }
.padding-t-16 { padding-top: 1.6rem !important;  }
.padding-t-18 { padding-top: 1.8rem !important;  }
.padding-t-20 { padding-top: 2rem !important;  }
.padding-t-22 { padding-top: 2.2rem !important;  }
.padding-t-24 { padding-top: 2.4rem !important;  }
.padding-t-26 { padding-top: 2.6rem !important;  }
.padding-t-28 { padding-top: 2.8rem !important;  }
.padding-t-30 { padding-top: 3.0rem !important;  }
.padding-t-40 { padding-top: 4rem !important;  }
.padding-t-50 { padding-top: 5rem !important;  }
.padding-t-60 { padding-top: 6rem !important;  }
.padding-t-70 { padding-top: 7rem !important;  }
.padding-t-80 { padding-top: 8rem !important;  }
.padding-t-90 { padding-top: 9rem !important;  }
.padding-t-100 { padding-top: 10rem !important;  }



.padding-b-2 { padding-bottom: .2rem !important;  }
.padding-b-3 { padding-bottom: .3rem !important;  }
.padding-b-4 { padding-bottom: .4rem !important;  }
.padding-b-5 { padding-bottom: .5rem !important;  }
.padding-b-6 { padding-bottom: .6rem !important;  }
.padding-b-7 { padding-bottom: .7rem !important;  }
.padding-b-8 { padding-bottom: .8rem !important;  }
.padding-b-9 { padding-bottom: .9rem !important;  }
.padding-b-10 { padding-bottom: 1rem !important;  }
.padding-b-12 { padding-bottom: 1.2rem !important;  }
.padding-b-14 { padding-bottom: 1.4rem !important;  }
.padding-b-15 { padding-bottom: 1.5rem !important;  }
.padding-b-16 { padding-bottom: 1.6rem !important;  }
.padding-b-18 { padding-bottom: 1.8rem !important;  }
.padding-b-20 { padding-bottom: 2rem !important;  }
.padding-b-22 { padding-bottom: 2.2rem !important;  }
.padding-b-24 { padding-bottom: 2.4rem !important;  }
.padding-b-26 { padding-bottom: 2.6rem !important;  }
.padding-b-28 { padding-bottom: 2.8rem !important;  }
.padding-b-30 { padding-bottom: 3.0rem !important;  }
.padding-b-40 { padding-bottom: 4rem !important;  }
.padding-b-50 { padding-bottom: 5rem !important;  }
.padding-b-60 { padding-bottom: 6rem !important;  }
.padding-b-70 { padding-bottom: 7rem !important;  }
.padding-b-80 { padding-bottom: 8rem !important;  }
.padding-b-90 { padding-bottom: 9rem !important;  }
.padding-b-100 { padding-bottom: 10rem !important;  }





.padding-l-2 { padding-left: .2rem !important;  }
.padding-l-3 { padding-left: .3rem !important;  }
.padding-l-4 { padding-left: .4rem !important;  }
.padding-l-5 { padding-left: .5rem !important;  }
.padding-l-6 { padding-left: .6rem !important;  }
.padding-l-7 { padding-left: .7rem !important;  }
.padding-l-8 { padding-left: .8rem !important;  }
.padding-l-9 { padding-left: .9rem !important;  }
.padding-l-10 { padding-left: 1rem !important;  }
.padding-l-12 { padding-left: 1.2rem !important;  }
.padding-l-14 { padding-left: 1.4rem !important;  }
.padding-l-15 { padding-left: 1.5rem !important;  }
.padding-l-16 { padding-left: 1.6rem !important;  }
.padding-l-18 { padding-left: 1.8rem !important;  }
.padding-l-20 { padding-left: 2rem !important;  }
.padding-l-22 { padding-left: 2.2rem !important;  }
.padding-l-24 { padding-left: 2.4rem !important;  }
.padding-l-26 { padding-left: 2.6rem !important;  }
.padding-l-28 { padding-left: 2.8rem !important;  }
.padding-l-30 { padding-left: 3.0rem !important;  }
.padding-l-40 { padding-left: 4rem !important;  }
.padding-l-50 { padding-left: 5rem !important;  }
.padding-l-60 { padding-left: 6rem !important;  }
.padding-l-70 { padding-left: 7rem !important;  }
.padding-l-80 { padding-left: 8rem !important;  }
.padding-l-90 { padding-left: 9rem !important;  }
.padding-l-100 { padding-left: 10rem !important;  }



.padding-r-2 { padding-right: .2rem !important;  }
.padding-r-3 { padding-right: .3rem !important;  }
.padding-r-4 { padding-right: .4rem !important;  }
.padding-r-5 { padding-right: .5rem !important;  }
.padding-r-6 { padding-right: .6rem !important;  }
.padding-r-7 { padding-right: .7rem !important;  }
.padding-r-8 { padding-right: .8rem !important;  }
.padding-r-9 { padding-right: .9rem !important;  }
.padding-r-10 { padding-right: 1rem !important;  }
.padding-r-12 { padding-right: 1.2rem !important;  }
.padding-r-14 { padding-right: 1.4rem !important;  }
.padding-r-15 { padding-right: 1.5rem !important;  }
.padding-r-16 { padding-right: 1.6rem !important;  }
.padding-r-18 { padding-right: 1.8rem !important;  }
.padding-r-20 { padding-right: 2rem !important;  }
.padding-r-22 { padding-right: 2.2rem !important;  }
.padding-r-24 { padding-right: 2.4rem !important;  }
.padding-r-26 { padding-right: 2.6rem !important;  }
.padding-r-28 { padding-right: 2.8rem !important;  }
.padding-r-30 { padding-right: 3.0rem !important;  }
.padding-r-40 { padding-right: 4rem !important;  }
.padding-r-50 { padding-right: 5rem !important;  }
.padding-r-60 { padding-right: 6rem !important;  }
.padding-r-70 { padding-right: 7rem !important;  }
.padding-r-80 { padding-right: 8rem !important;  }
.padding-r-90 { padding-right: 9rem !important;  }
.padding-r-100 { padding-right: 10rem !important;  }





.padding-2 { padding: .2rem !important;  }
.padding-3 { padding: .3rem !important;  }
.padding-4 { padding: .4rem !important;  }
.padding-5 { padding: .5rem !important;  }
.padding-6 { padding: .6rem !important;  }
.padding-7 { padding: .7rem !important;  }
.padding-8 { padding: .8rem !important;  }
.padding-9 { padding: .9rem !important;  }
.padding-10 { padding: 1rem !important;  }
.padding-12 { padding: 1.2rem !important;  }
.padding-14 { padding: 1.4rem !important;  }
.padding-15 { padding: 1.5rem !important;  }
.padding-16 { padding: 1.6rem !important;  }
.padding-18 { padding: 1.8rem !important;  }
.padding-20 { padding: 2rem !important;  }
.padding-22 { padding: 2.2rem !important;  }
.padding-24 { padding: 2.4rem !important;  }
.padding-26 { padding: 2.6rem !important;  }
.padding-28 { padding: 2.8rem !important;  }
.padding-30 { padding: 3.0rem !important;  }
.padding-40 { padding: 4rem !important;  }
.padding-50 { padding: 5rem !important;  }
.padding-60 { padding: 6rem !important;  }
.padding-70 { padding: 7rem !important;  }
.padding-80 { padding: 8rem !important;  }
.padding-90 { padding: 9rem !important;  }
.padding-100 { padding: 10rem !important;  }



/*清除margin/padding 边距*/
.padding-l-r-0{ padding-right:0 !important; padding-left: 0 !important;;}
.padding-l-r-0:after{ padding-right:0 !important; padding-left: 0 !important;;}
.padding-0{ padding-right:0 !important; padding-left: 0 !important; padding-top:0 !important; padding-bottom: 0 !important;}
.padding-0:after{ padding-right:0 !important; padding-left: 0 !important; padding-top:0 !important; padding-bottom: 0 !important;}
.margin-l-r-0{ margin-right:0 !important; margin-left: 0 !important;;}
.margin-l-r-0:after{ margin-right:0 !important; margin-left: 0 !important;;}
.margin-0{ margin-right:0 !important; margin-left: 0 !important; margin-top:0 !important; margin-bottom: 0 !important;}
.margin-0:after{ margin-right:0 !important; margin-left: 0 !important; margin-top:0 !important; margin-bottom: 0 !important;}
.padding-margin-0{margin-right:0 !important; margin-left: 0 !important; margin-top:0 !important; margin-bottom: 0 !important;padding-right:0 !important; padding-left: 0 !important; padding-top:0 !important; padding-bottom: 0 !important;}
.padding-margin-0:after{margin-right:0 !important; margin-left: 0 !important; margin-top:0 !important; margin-bottom: 0 !important;padding-right:0 !important; padding-left: 0 !important; padding-top:0 !important; padding-bottom: 0 !important;}



/*遮照*/
.mask {  position: fixed; width: 100%;  height: 100%;  top: 0;  left: 0;  background: rgba(0, 0, 0, 0.3);  opacity: 0;  z-index: 8;  visibility: hidden;  -webkit-transition: opacity .3s,-webkit-transform .3s;  transition: opacity .3s,transform .3s;  }
.mask.mask-in {  visibility: visible;  opacity: 1;  }
.mask.mask-out {  opacity: 0;  }




.icon {
    /*width: 1em; height: 1em;*/
    /*vertical-align: -0.15em;*/
    fill: currentColor;
    overflow: hidden;
}






